<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8"/>
<title>劲松商城后台</title>
<div th:include="Admin/public/Common::head"></div>
</head>
<body>
<div class="main-wrap">
	<div th:include="Admin/public/Common::menu"></div>
	<div class="content-wrap">
		<div th:replace="Admin/public/Common::header"></div>
		<main class="main-cont content mCustomScrollbar">
			<!--开始::内容-->
			<div class="page-wrap">
				<section class="page-hd">
					<header>
						<h2 class="title"><i class="icon-home"></i>欢迎来到商城后台</h2>
						<p class="title-description">
							<em class="text-primary">WJS</em>+<em class="text-primary">2018117218</em>经典组合;
							本商城由<a class="text-primary" title="DeathGhost.cn">CarolRiver</a>汪劲松提供！。
						</p>
					</header>
					<hr>
				</section>
				<blockquote class="blockquote mb-20">
					<p class="text-success">商城名称：<span style="color: black">劲松Game商城</span></p>
					<p class="text-success">商城类型：<span style="color: black">游戏商城</span></p>
					<p class="text-success">开通时间：<span style="color: black">2022-1-1</span></p>
				</blockquote>
				<div class="margin-bottom clearfix ">
					<div class="col-xs-2 col-sm-2 col-md-2 col-lg-4">
						<a href="javascript:ovid()" class="tile-button btn_Plate bg-deep-blue">
							<div class="carousel Module_info">
								<div class="left_img bg_color_bule">
									<i class="fa fa-cny"></i>
									<h3>成交金额</h3>
								</div>
								<div class="right_info" th:text="'￥'+${price}+'元'"></div>
							</div>
						</a>
					</div>
					<div class="col-xs-2 col-sm-2 col-md-2 col-lg-4">
						<a href="javascript:ovid()" class="tile-button btn_Plate bg-green">
							<div class="carousel Module_info">
								<div class="left_img bg_color_green">
									<i class="fa  fa-comments-o"></i>
									<h3>评论</h3>
								</div>
								<div class="right_info" th:text="${content}+'条'"></div>
							</div>
						</a>
					</div>
					<div class="col-xs-2 col-sm-2 col-md-2 col-lg-4">
						<a href="javascript:ovid()" class="tile-button btn_Plate bg-red ">
							<div class="carousel Module_info">
								<div class="left_img bg_color_red">
									<i class="fa fa-shopping-cart"></i>
									<h3>订单</h3>
								</div>
								<div class="right_info" th:text="${order}+'单'"></div>
							</div>
						</a>
					</div>
					<div class="col-xs-2 col-sm-2 col-md-2 col-lg-4">
						<a href="javascript:ovid()" class="tile-button btn_Plate bg-orange">
							<div class="carousel Module_info">
								<div class="left_img bg_color_orange">
									<i class="fa  fa-gamepad "></i>
									<h3>游戏数量</h3>
								</div>
								<div class="right_info" th:text="${game}+'款'"></div>
							</div>
						</a>
					</div>
					<div class="col-xs-2 col-sm-2 col-md-2 col-lg-4">
						<a href="javascript:ovid()" class="tile-button btn_Plate bg-purple">
							<div class="carousel Module_info">
								<div class="left_img bg_color_purple">
									<i class="fa  fa-user "></i>
									<h3>用户数量</h3>
								</div>
								<div class="right_info"th:text="${user}+'名'"></div>
							</div>
						</a>
					</div>
					<div class="col-xs-2 col-sm-2 col-md-2 col-lg-4">
						<a href="javascript:ovid()" class="tile-button btn_Plate bg-yellow">
							<div class="carousel Module_info">
								<div class="left_img bg_color_yellow">
									<i class="fa  fa-clock-o "></i>
									<h3>紧急通知</h3>
								</div>
								<div class="right_info">10条</div>
							</div>
						</a>
					</div>
				</div>

				<div>&nbsp;</div>
				<ul class="flex flex-wrap flex-col-3">
					<li class="box-child">
						<div class="panel panel-primary mr-10">
							<div class="panel-wjs">商品热度排行</div>
							<div class="panel-bd">
								<table  class="table table_list ranking_list">
									<thead>
									<th width="50">排名</th>
									<th>游戏名称</th>
									<th>游戏价格</th>
									<th width="80">浏览量</th>
									</thead>
									<tbody>
									<tr th:each="games:${gamelist}">
										<td ><em th:text="${gamesStat.count}">1</em></td>
										<td th:text="${games.gamename}" style="color:dodgerblue;">2345776</td>
										<td th:text="'￥'+${games.price}"></td>
										<td th:text="${games.viewcount}"></td>
									</tr>
									</tbody>
								</table>
							</div>
						</div>
					</li>
					<li class="box-child">
						<div class="panel panel-secondary mr-10">
							<div class="panel-hd">弹性盒子布局</div>
							<div class="panel-bd">
								弹性盒子布局·三列多行样式
							</div>
						</div>
					</li>
					<li class="box-child">
						<div class="panel panel-primary">
							<div class="panel-hd">弹性盒子布局</div>
							<div class="panel-bd">
								弹性盒子布局·三列多行样式
							</div>
						</div>
					</li>
				</ul>
			</div>
			<!--开始::结束-->
		</main>
		<div th:replace="Admin/public/Common::footer"></div>
	</div>
</div>
</body>
</html>
